<template>
  <m-time
    :startOptions="startOptions"
    :endOptions="endOptions"
    @endChange="endChange"
    @startChange="startChange"
  ></m-time>
</template>

<script setup lang="ts">
import { ref } from "vue";
let endTime = ref("");
let startTime = ref("");
const startChange = (val: string) => {
  startTime.value = val;
};
const endChange = ({ startTime: newStart, endTime: newEnd }: any) => {
  startTime.value = newStart;
  endTime.value = newEnd;
};

let startOptions = {
  size: "large",
  disabled: false,
};
let endOptions = {
  size: "large",
  disabled: false,
};
</script>

<style scoped lang="scss"></style>
